.container_auto{
	box-sizing: border-box;
}
.container_tab{
	// padding-top: var(--bar-top);
	position: relative;
}
.head{
	position: absolute;
	top: 0;
	padding-top: var(--bar-top);
	width: 100vw;
	height: 316rpx;
	box-sizing: border-box;
	background: linear-gradient(360deg, #A0BCE0 0%, #8BA2D4 52%, #144A8A 316rpx);
	.headbody{
		padding: 0 28rpx;
		height: var(--var-height);
		display: flex;
		flex-direction: row;
		align-items: center;
		.location{
			width: 30rpx;
			height: 36rpx;
		}
		.community{
			padding-left: 16rpx;
			font-size: 28rpx;
			line-height: 60rpx;
			color: #FFFFFF;
		}
	}
}
.swiperbox{
	position: absolute;
	top: calc(20rpx + var(--bar-top) + var(--var-height));
	// top: 140rpx;
	z-index: 999;
	width: 100vw;
	height: 278rpx;
	.swiper{
		width: 694rpx;
		height: 100%;
		margin: 0 auto;
		.swiper-item{
			width: 100%;
			height: 100%;
		}
	}
}
.indexbody{
	position: relative;
	top: calc(100rpx + var(--bar-top) + var(--var-height));
	// min-height: calc(100vh - 100rpx - var(--bar-top) - var(--var-height));
	background: #FFFFFF;
	border-radius: 36rpx 36rpx 0px 0px;
	box-sizing: border-box;
	padding-top: 240rpx;
}
.nav{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	.nav_item{
		width: 224rpx;
		padding-top: 80rpx;
		background-position: top center;
		background-repeat: no-repeat;
		background-size: 80rpx 80rpx;
		margin-bottom: 30rpx;
		.nav_title{
			display: block;
			text-align: center;
			font-size: 28rpx;
			line-height: 30rpx;
			color: #666666;
		}
	}
	.nav_llxt{
		background-image: url(../../../static/index/school2x.png);
	}
	.nav_jyhd{
		background-image: url(../../../static/index/activity3.png);
	}
	.nav_rrwx{
		background-image: url(../../../static/index/allschool2x.png);
	}
	.nav_drms{
		background-image: url(../../../static/index/talent2x.png);
	}
	.nav_hpyt{
		background-image: url(../../../static/index/nursery_top2x.png);
	}
	.nav_jzdx{
		background-image: url(../../../static/index/tutor2x.png);
	}
}

.section{
	padding: 30rpx 28rpx 0;
	overflow: hidden;
	&:last-child{
		padding: 30rpx 28rpx 50rpx;
	}
	.section_head{
		height: 46rpx;
		display: flex;
		justify-content: space-between;
		line-height: 46rpx;
		margin-bottom: 30rpx;
		.section_title{
			font-size: 40rpx;
			font-weight: normal;
			color: #333333;
		}
		.section_more{
			font-size: 28rpx;
			color: #666666;
		}
	}
	.section_items{
		
	}
	.item_list{
		.item{
			display: flex;
			justify-content: space-between;
			margin: 24rpx 0;
			.item_img{
				width: 200rpx;
				height: 264rpx;
			}
			.item_info{
				width: 460rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.item_title{
					max-height: 100rpx;
					overflow: hidden;
					font-size: 36rpx;
					font-weight: normal;
					color: #333333;
					line-height: 50rpx;
				}
				.item_sign{
					padding: 10rpx 0;
					.sign_item{
						display: inline-block;
						box-sizing: border-box;
						height: 36rpx;
						border-radius: 4rpx;
						background: #F4F2F3;
						padding: 0 4rpx;
						font-size: 26rpx;
						line-height: 36rpx;
						color: #FF6C25;
						vertical-align: top;
						margin-right: 25rpx;
						&:last-child{
							margin-right: 0;
						}
					}
					.sign_one{
						display: inline-block;
						box-sizing: border-box;
						height: 36rpx;
						border-radius: 4rpx;
						background: #F4F2F3;
						padding: 0 4rpx;
						font-size: 26rpx;
						line-height: 32rpx;
						color: #FFBB18;
						border: 2px solid #FFBB18;
						margin-right: 28rpx;
						vertical-align: top;
					}
				}
				.item_class{
					height: 40rpx;
					font-size: 24rpx;
					line-height: 42rpx;
					color: #666666;
				}
				.item_time{
					// display: flex;
					font-size: 24rpx;
					color: #666666;
					line-height: 24rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: nowrap;
					// .item{
					// 	display: flex;
					// 	margin: 0 5rpx 0 0;
					// }
				}
			}
		}
		
	}
	.row2{
		width: 716rpx;
		.item{
			width: 336rpx;
			float: left;
			margin-right: 22rpx;
			margin-bottom: 50rpx;
			.item_img{
				width: 336rpx;
				height: 190rpx;
			}
			.item_info{
				.item_title{
					height: 36rpx;
					margin: 26rpx 0 14rpx;
					overflow: hidden;
					font-size: 36rpx;
					font-weight: normal;
					color: #000000;
					line-height: 36rpx;
				}
				.item_introduction{
					height: 80rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					font-size: 26rpx;
					font-weight: normal;
					color: #666666;
					line-height: 40rpx;
				}
			}
		}
	}
	.row4{
		.item{
			width: 128rpx;
			float: left;
			margin: 0 22rpx 22rpx;
			.item_img{
				width: 88rpx;
				height: 88rpx;
				margin: 0 auto 12rpx;
			}
			.item_info{
				.item_title{
					font-size: 28rpx;
					font-weight: normal;
					color: #666666;
					line-height: 30rpx;
					text-align: center;
				}
			}
		}
	}
	.extend{
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: scroll;
		.item{
			width: 200rpx;
			display: inline-block;
			margin-right: 24rpx;
			.item_img{
				width: 200rpx;
				height: 264rpx;
				margin-bottom: 14rpx;
			}
			.item_info{
				.item_title{
					height: 80rpx;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: initial;
					display: -webkit-box;
					-webkit-line-clamp: 2;
					-webkit-box-orient: vertical;
					font-size: 28rpx;
					line-height: 40rpx;
					font-weight: normal;
					color: #666666;
				}
			}
			&:last-child{
				margin-right: 0;
			}
		}
	}
	.extendcard{
		white-space: nowrap;
		overflow-y: hidden;
		overflow-x: scroll;
		.item{
			display: inline-block;
			width: 510rpx;
			margin-right: 50rpx;
			.itembody{
				display: flex;
				justify-content: space-between;	
			}
			.item_img{
				width: 200rpx;
				height: 264rpx;
				border-radius: 16rpx;
			}
			.item_info{
				width: 290rpx;
				display: flex;
				flex-direction: column;
				justify-content: space-between;
				.item_title{
					font-size: 36rpx;
					font-weight: normal;
					color: #333333;
					line-height: 40rpx;
				}
				.item_score{
					display: flex;
					align-items: center;
					.score_model{
						display: inline-block;
						margin-right: 10rpx;
					}
					.score_value{
						font-size: 28rpx;
						font-weight: normal;
						color: #FF6C25;
					}
				}
				.item_sign{
					.sign_item{
						display: inline-block;
						box-sizing: border-box;
						height: 36rpx;
						border-radius: 2rpx;
						background: #F4F2F3;
						padding: 0 10rpx;
						font-size: 24rpx;
						line-height: 36rpx;
						color: #FF6C25;
						margin-right: 20rpx;
						&:last-child{
							margin-right: 0;
						}
					}
				}
				.item_introduction{
					height: 108rpx;
					font-size: 24rpx;
					line-height: 36rpx;
					color: #666666;
					overflow: hidden;
					text-overflow: ellipsis;
					white-space: initial;
					display: -webkit-box;
					-webkit-line-clamp: 3;
					-webkit-box-orient: vertical;
				}
			}
		}
	}
}